<!DOCTYPE html>
<html>
<head>
    <title>快报模块布局</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .container{
            border: 1px solid #ababab;
            width: max-content;
            margin: 0 auto;
        }
        .title{
            font: 13px;
            color: #ababab;
            border-bottom: #ababab solid 1px;
            line-height: 20px;
            padding-left: 10px;
            margin-top: 3px;
            padding-bottom: 3px;
        }
        .container ul{
            margin: 10px 30px 10px 10px;
        }
        .container ul li {
            font: 11px;
            color: #ababab;
        }
    </style>
</head>
<body>
    <div class="container">
        <h4 class="title">品优购快报</h4>
        <ul>
            <li>【特惠】爆款耳机5折秒</li>
            <li>【特惠】母亲节，健康好礼低至五折</li>
            <li>【特惠】9.9元洗100张照片</li>
            <li>【特惠】长虹智能空调立省100</li>
            <li>【特惠】全场领100元立减优惠券</li>
        </ul>
    </div>
</body>
</html>